:root{
    margin: 0 50px 0 50px ; 
  }
  body{
    background-image: url('../media/bg.png') ;
    background-repeat: repeat;
    background-attachment: fixed !important;
    background-size: 100%;
    text-align: justify;
  }
  h1,h2,h4{
    color:rgba(200, 154, 88, 1) ;
    text-align: center;
  }

  #th{
    color: white ;
    background-color: rgba(200, 154, 88, 1) ;
    text-align: center;
    padding: 5px 0 5px 0;
    margin-top: 10px;
  }
  #td{
    border: solid 1px rgba(200, 154, 88, 1);
    margin-top: 15px;
    padding: 5px;
    height: 260px;
    
  }
  .pourquoi{
    font-size: 24px;
  }
  .Contact{
    width: 90%;
    background-color:rgba(200, 154, 88, 1)  ;
    color: white;

  }
  textarea{
    width:100%;
    border: solid 1px rgba(200, 154, 88, 1)  ;
  }
  form{
    position: relative;
    background-image: url('../media/pop-des.png');
    background-repeat: no-repeat;
    background-position: right center; 
    background-size: contain; 
    
  }
  
  footer{
    background-color: rgba(239, 240, 242, 1); 
    margin: 0 -60px 0 -60px ; 
  }
  a{
    text-decoration: none;
  }
  .link{
    color : black ;
  }
  .link2{
    color:rgba(200, 154, 88, 1) ;
    font-size: 20px;
   
  }
  .link:hover{
    color:rgba(200, 154, 88, 1) ;
    font-size: 20px;
  }
  span{
    color: rgb(0, 0, 0);
    font-size: 20px;
  }
  
  @media (max-width:999px){
    
    :root{
      margin: 0 10px 0 10px;
      font-size: medium;
    }
    .footer, .navbar{
      margin: 0;
    }
    button{
      margin-top: 10px;
      border: 0;
    }
    .pourquoi{
      font-size:medium;
    }
    #td{
      height: Auto;
      
    }
   
 
  }